<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App',
  mounted() {
    this.setFontSize() // 初始化时设置字体大小
    window.addEventListener('resize', this.setFontSize) // 监听窗口大小变化
  },
  beforeDestroy() {
    window.removeEventListener('resize', this.setFontSize) // 移除监听器
  },
  methods: {
    setFontSize() {
      const baseFontSize = 16 // 基准字体大小
      const designWidth = 1920 // 设计稿宽度，通常是UI给的设计宽度
      const screenWidth = window.innerWidth // 当前屏幕宽度
      const fontSize = screenWidth / designWidth * baseFontSize
      document.documentElement.style.fontSize = fontSize + 'px'
    }
  }
}

</script>
